<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>服务体系</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		 <link rel="stylesheet" href="../css/app.css" />
		 <script type="text/javascript" src="../js/iconfont.js" ></script>
		<style type="text/css">
		body{
			font-family: "microsoft yahei";
		}
.iconzs {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

.mui-card-link .mui-icon {
   
    font-size: 18px;
   color: #8a8a8a;
}
.mui-card-header.mui-card-media .mui-media-body {
    font-size: 15px;
    font-weight:500;
    line-height: 24px;
    margin-bottom: 0;
    margin-left: 0px; 
    color: #333;
}
.mui-card-header.mui-card-media .mui-media-body h4 {
    font-size: 16px;
    
    line-height: 24px;
   width: 100%;
    color: #313131;
    	position: relative;
}
.mui-card-header.mui-card-media .mui-media-body p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
    padding-top: 10px;
}
.xianqing{
	width: 0.5em;
	height: 0.5em;
	display: block;
	
	
}
.rightqj{
	
	display: inline-block;
}

.mui-card-footer:before, .mui-card-header:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.mui-card-header:after {
    top: auto;
    height: 1px;
    bottom: 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.mui-card {
    margin: 10px 0px !important;
    border-radius: 0px;
}
.mui-table-view {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    background-color: rgba(0,0,0,0);
}
.mui-table-view.mui-grid-view .mui-table-view-cell {
    font-size: 17px;
    display: inline-block;
    margin-right: -4px;
    padding: 10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background: 0 0;
}
.mui-table-view.mui-grid-view {
    font-size: 0;
    display: block;
    width: 100%;
    padding: 0 0px 10px 0;
    white-space: normal;
}
.zixuntit{
	background: #5092e4;
	height:7em;
	width: 100%;
	border-radius: 8px;
	
}
.zixuntit .iconzs{
	font-size: 50px;
	margin-top: 20px;
}
.zixuntit .ltit{
	line-height: 40px;
	color: #FFFFFF;
}
.iconzsb{
	font-size: 1.5em;
}
.jstx{
	font-size: 14px;
	
}
.tt{
	text-align: center;
}


</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">首页</h1>
		</header>
		
		
	
		
		
		<div class="mui-content">
			
					<div class="mui-card">
						<ul class="mui-table-view">
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-caijingrili"></use>
								</svg>
		                   	 </span>
										<p>财经日历</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">云采集，大数据分析，及时的捕捉市场重大财经新闻数据，全面深入的分析，提供第一手的市场动态
		                   </span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-caijingrili"></use>
								</svg>
		                   	 </span>
										<p>中诚内参</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">金融大咖独家解读，盘面动向及时掌握，一参
在手，投资无忧。
		                   </span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-caijingrili"></use>
								</svg>
		                   	 </span>
										<p>财经日历</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">云采集，大数据分析，及时的捕捉市场重大财经新闻数据，全面深入的分析，提供第一手的市场动态
		                   </span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-jichujiaoxue"></use>
								</svg>
		                   	 </span>
										<p>基础教学</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">各大分析师盘中坐阵实时讲解盘面行情以及操
作建议。
		                   </span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-yuyinzhibo"></use>
								</svg>
		                   	 </span>
										<p>语音直播</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">大行情大数据，语音现场直播，赚钱行情及
时把握 。</span></td>
										
									
									</tr>
								</table>

							</li>
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-Kxianshierjueji"></use>
								</svg>
		                   	 </span>
										<p>k线十二绝技</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">汇聚中诚研究院数十位专家老师多年实战成果
编撰，最实用的操盘技巧，最有效的投资策略
尽在其中。</span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-zhuanshutougu"></use>
								</svg>
		                   	 </span>
										<p>专属投顾</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">配备专业投顾指导，为你的账户提供贴心管
理，日常交易突发状况紧急电话告知。</span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-shizhanjiaoxue1"></use>
								</svg>
		                   	 </span>
										<p>实战教学</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">全天候直播互动服务，重大事件（非农、美联
储议息会议等）更有专家老师亲自教学。</span></td>
										
									
									</tr>
								</table>

							</li>
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-gaojifuwu1"></use>
								</svg>
		                   	 </span>
										<p>高级研究员</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">专家老师一对一为您的帐户诊断服务。</span></td>
										
									
									</tr>
								</table>

							</li>
							
							
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-VIPzhuanxian1"></use>
								</svg>
		                   	 </span>
										<p>VIP专线</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">专属私人专线，专家直通车。</span></td>
										
									
									</tr>
								</table>

							</li>
						
							<li class="mui-table-view-cell">

								<table class="hqtable">
									<tr>
										<td class="tt mui-col-xs-1">
											<span class="mui-icon">	                    	
		                  	<svg class="iconzs iconzsb" >
 									 <use xlink:href="#icon-dingzhifuwu1"></use>
								</svg>
		                   	 </span>
										<p>专属定制</p></td>
		                   	 <td class="hqp1 mui-col-xs-4">
		                   <span class="jstx">我们顶级团队根据你的账号以及需求为你提供
全方位的订制服务 本套餐级别的其他特色服务。</span></td>
										
									
									</tr>
								</table>

							</li>
							

						</ul>

					</div>
		
		</div>
		
		<script src="../js/mui.min.js"></script>
		
		<script type="text/javascript" charset="utf-8">
			
		
			/*选项卡*/
			mui.init({
				swipeBack: false
			});
			(function($) {
			
				var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
				$('.mui-input-group').on('change', 'input', function() {
					if (this.checked) {
						sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
						//force repaint
						sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
					}
				});
			})(mui);
			
			
			
			
			
			
		</script>
	</body>
</html>
